<div class="banner-con swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
        <img src="http://img5.imgtn.bdimg.com/it/u=1273816226,3073348903&fm=26&gp=0.jpg" alt="">
    </div>
    <div class="swiper-slide">
        <img src="http://img5.imgtn.bdimg.com/it/u=1273816226,3073348903&fm=26&gp=0.jpg" alt="">
    </div>
    <div class="swiper-slide">
        <img src="http://img5.imgtn.bdimg.com/it/u=1273816226,3073348903&fm=26&gp=0.jpg" alt="">
    </div>
  </div>
  <div class="swiper-pagination"></div>
</div>
<div class="grids-con weui-grids">
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-hand-paper-o"></i>
    </div>
    <p class="weui-grid__label">
      约课
    </p>
  </a>
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-graduation-cap"></i>
    </div>
    <p class="weui-grid__label">
      讲师堂
    </p>
  </a>
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-table"></i>
    </div>
    <p class="weui-grid__label">
      课程表
    </p>
  </a>
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-search"></i>
    </div>
    <p class="weui-grid__label">
      课时查询
    </p>
  </a>
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-comments-o"></i>
    </div>
    <p class="weui-grid__label">
      私教课预约
    </p>
  </a>
  <a href="" class="weui-grid js_grid">
    <div class="weui-grid__icon">
      <i class="fa fa-try"></i>
    </div>
    <p class="weui-grid__label">
      体验约课
    </p>
  </a>
</div>